react 目录 web - 程序员宅基地

react-web-component:使用React创建Web组件

标签： react web-component shadow-dom JavaScript

React Web组件使用React创建Web组件安装 React Web组件可作为npm上的react-web-component软件包使用。 yarn add react-web-component 基本用法要创建带有react-web-component ，只需将React组件作为第一个参数...

react-web-component：使用React公开Web组件

标签： react typescript web-components react-components custom-elements react-component-boilerplate react-web-component WebComponentsTypeScript

React Web组件免责声明：我不建议将此代码用于生产小部件，这是出于测试目的该项目是通过。这个存储库的目的是提供一个简单的样板，以使用React创建。目前，我们涵盖了一些基本需求：通过shadow-dom完全封装CSS ...

React与React的Web Worker交流-React开发

标签： React Miscellaneous

与React的Web Worker或Service Worker轻松通信。 React组件，可轻松与Web Worker进行通信。利用Render Props模式获得最大的灵活性，以及与React的Web Worker或Service Worker的便捷通信。 React组件，可轻松与...

react-webcomponent-example:使Web组件输入元素与React Hooks一起使用的示例代码

标签： react webcomponents reacthooks JavaScript

Web组件和React挂钩示例使Web组件输入元素与React Hooks一起使用的示例代码。请参考以获得详尽的解释。该项目是通过。可用脚本在项目目录中，可以运行： npm start 在开发模式下运行应用程序。打开在浏览器...

react-web-audio:一个小的示例React应用程序，可以监听麦克风并可视化音频

标签： react javascript reactjs web-audio web-audio-api getusermedia JavaScript

这是一个示例应用程序，显示了如何使用React中的Web Audio API可视化来自麦克风的音频。如何建立应用程式如果您对如何在React中构建这样的可视化器感兴趣，请查看博客文章。有关画布和React的更多信息，请查看...

React Worker组件简化了Web Worker的使用-React开发

标签： React Miscellaneous

使用Web Workers简化React Worker组件react-worker-components使用Web Workers简化React Worker组件简介这是一个受React Server Component启发的实验性项目。我一直在开发几个与Web Workers交互的库。 react-hooks-...

react-to-webcomponent:将react组件转换为本地Web组件。也可以与Preact一起使用！

标签： JavaScript

对Web组件的React react-to-webcomponent将组件转换为！它可以让你分享React组件不需要安装是通过阵营本土元素。 custom元素充当基础react组件的包装器。以与使用标准HTML元素相同的方式在任何框架（vue，svelte，...

Fable.React.WebComponent:提供编译时转换以从react组件生成Web组件

标签： F#

Fable.React.WebComponent 该软件包提供了一个编译时转换，以从react组件生成Web组件。安装：将此nuget包添加到您的项目和Feliz中。费利斯（或者如果您想要费利斯.UseElmish）将以下npm软件包添加到您的项目...

lottie-react-web:Lottie Wrapper for Web上的React

标签： JavaScript

yarn add lottie-react-web 或者 npm i --save lottie-react-web 用法组件可以声明方式使用： import React from 'react' ; import Lottie from 'lottie-react-web' import animation from './animation

react-webstorage:使用 webStorage 或 webStorage polyfill 作为 React 存储

标签： JavaScript

react-webstorage 直接使用 W3C WebStorage API 的任何实现作为 React/Flux 风格的存储。 var WebStorage = require ( 'react-webstorage' ) , dispatcher = require ( './path/to/app-dispatcher' ) ; var web...

react-web-animated:[不再需要维护]将react-native Animated带到Web

标签： react animation animated react-motion react-animations react-web-animated JavaScript

不再需要维护，请改用将react-Native Animated带到网络。...$ npm install react-web-animated 使用纱： $ yarn add react-web-animated 文件资料与react-native相同现场演示执照麻省理工学院

react-web3：在您的应用渲染之前确保web3可用

标签： JavaScript

ReactWeb3 在加载应用之前，请确保web3可用。该软件包与和兼容 react-web3导出一个<Web3Provider> React组件，该组件包装您的应用程序并确保在web3可用之前不呈现。它还在以下情况下向用户提供了很好的消息，以...

react-web3-connectors

标签： TypeScript

react-web3-wallet 这是集成了钱包的web3-react项目的分支，并且仅包含以下连接器：分类帐连接器注入式连接器配套包裹描述ERC2612签署许可证配套@latest版本尺寸描述 :electric_plug: 连接器浏览器扩展/ dApp...

react-native-web-linear-gradient:用于Web实现React-native-linear-gradient的React Native

标签： react-native-web react-native-linear-gradient JavaScript

react-native-web-linear-gradient 用于Web实现React-native-linear-gradient的React Native 入门 $ npm install react-native-web-linear-gradient --save 别名打包您的webpack配置中： resolve: { alias: { ...

react-webapi-demo:科大讯飞语音听写 webApi 前端示例

标签： JavaScript

讯飞语音听写 webApi 前端示例安装并启动 npm install npm run dev 配置应用ID及服务密钥打开 /src/api/aer-config.js 填写你在讯飞云平台上创建的应用的ID及语音听写服务的密钥。 { engineType: 'sms16k', // ...

react-native-web-webview:React Native用于RN的WebView的Web实现

标签： webview react-native-web JavaScript

react-native-web-webview React Native用于RN的WebView的Web实现入门 $ npm install react-native-web-webview --save 别名打包您的webpack配置中： resolve: { alias: { 'react-native': 'react-native-web...

react-web3-events:展示如何使用React + Web3可视化部署到以太坊主网的合约所产生的过去事件

标签： JavaScript

介绍这个项目是一个测试应用程序，展示了如何使用React + Web3可视化部署到以太坊主网的合约所发出的过去事件。特别是，它连接到ENS注册服务商合同，并以指定的块编号开始可视化过去的BidRevealed事件。它使用...

react-webapi

标签： JavaScript

react-webapi

react-webcomponent-poc：结合使用Web Components API和React。 POC和案例研究

标签： react redux-observable web-components poc shadow-dom WebComponentsTypeScript

react-webcomponent-poc 该存储库演示了使用React / Redux / RxJS / Typescript设置SPA的简单方法。在采用其他解决方案之前，我们使用它来将React SPA嵌入到Vue应用程序中。使用Web Components API代替iframe，...

react-native-web-swiper:适用于React-Native和React-Native-Web的Swiper-Slider

标签： react-native slider swipe swiper react-native-web JavaScript

react-native-web-swiper 简单的滑动器/滑块。在React-Native和React-Native-Web上均可使用。演示版混合小吃： : 安装 $ npm i react-native-web-swiper --save 用法 import React from 'react' ; import { ...

react-speech:Web Speech API的React组件

标签： JavaScript

React语音 API的React组件。 Web Speech API旨在使Web开发人员能够在Web浏览器中提供speech-input和text-to-speech输出。 Web语音API分为两个部分，和。此react组件支持speech synthesis ， text-to-speech 。 ...

react-webaudio-5150

标签： JavaScript

React Web Audio Guitar Studio特征基于在线实时网络音频的多合一吉他工作室在 FAUST 上编写的原生插件按需编译并在浏览器中运行不同类型的踏板和放大器模拟兼容所有主流浏览器使用自定义插件和脉冲响应轻松扩展该...

create-react-web:帮助您创建React Web项目

标签： react boilerplate web changelog frontend ssr seo code-splitting react-router-v4 seo-friendly JavaScript

create-react-web 搭建网站前端的一个很好用的脚手架，集合了很多强大的功能，方便使用。视图层使用React @16.x，数据使用Redux管理（拥抱chunk），路由使用React Router @4.x控制，页面脚本使用webpack按需打包...

react-native-fluid:React Native和React Native Web的声明性动画

标签： react-native navigation animations transitions TypeScript

React Native和React Native Web的声明性动画。注意：这是预发行版本，不应在生产中使用。安装在React Native Web和React Native中，安装react-native-fluid-transitions都很简单。 React本机Web yarn add ...